<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String ctx = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YZC DEMO</title>
<meta name="author" content="Alvaro Trigo Lopez" />
<meta name="description"
	content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
<meta name="keywords"
	content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
<meta name="Resource-type" content="Document" />

<%@ include file="/resources/jsp/rootPath.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=ctx%>/resources/css/javascript.fullPage.css" />

<style>
#section0 { background: url(resources/images/dota3.jpg) 100%;}
#section1 { background: url(resources/images/dota1.jpg) 30%;}
#section2 { background: url(resources/images/dota2.jpg) 30%;}
#section3 { background: url(resources/images/dota4.jpg) 30%;}
#section4 { background: url(resources/images/dota5.jpg) 10%;}
.button{position:absolute;top:45%;left:45%;}
</style>
</head>
<body>


	<div id="fullpage">
		<div class="section " id="section0">
			<div class="button">
				<button type="button" onclick="jump()" class="am-btn am-btn-warning am-round">登录</button>
			</div>
		</div>
		<div class="section" id="section1">
			<div class="button">
				<button type="button" onclick="jump()" class="am-btn am-btn-warning am-round">登录</button>
			</div>
		</div>
		<div class="section" id="section2">
			<div class="button">
				<button type="button" onclick="jump()" class="am-btn am-btn-warning am-round">登录</button>
			</div>
		</div>
		<div class="section" id="section3">
			<div class="button">
				<button type="button" onclick="jump()" class="am-btn am-btn-warning am-round">登录</button>
			</div>
		</div>
		<div class="section" id="section4">
			<div class="button">
				<button type="button" onclick="jump()" class="am-btn am-btn-warning am-round">登录</button>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="<%=ctx%>/resources/js/javascript.fullPage.js"></script>
	<script type="text/javascript">
		fullpage.initialize('#fullpage', {
			anchors : [ 'firstPage', 'secondPage', '3rdPage', '4thpage',
					'lastPage' ],
			menu : '#menu',
			css3 : true
		});
		
		function jump(){
			window.location.href="${root}/login.jsp";
		}
	</script>

</body>
</html>